<include file="Public/header" /> 
<!--包含头部模版header-->


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">

    <title>社团信息管理系统</title>
     <!-- Bootstrap core CSS -->
    <link href="/study_ydq/Public/assets/css/bootstrap.min.css" rel="stylesheet">
    <script src="/study_ydq/Public/assets/js/jQuery.min.js"></script>
     <script src="/study_ydq/Public/assets/js/bootstrap.min.js"></script>
      <script src="/study_ydq/Public/assets/js/jquery.min.js"></script>
       <script src="/study_ydq/Public/assets/js/bootstrap.min.js"></script>
       <script src="/study_ydq/Public/assets/js/ie-emulation-modes-warning.js"></script>

    <!-- Custom styles for this template -->
    <link href="/study_ydq/Public/assets/css/dashboard.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="/study_ydq/Public/assets/js/ie-emulation-modes-warning.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
       <script>
 function func(vid){
  document.getElementById("videoid").value=vid;
   document.getElementById("login").modal();
  }
 </script>
 <!-- 从show页登录成功后取得vid 并跳转到登录模态框--> 

<!-- 弹窗显示视频的资源 css和jQ-->
<script>
jQuery(document).ready(function($) {
  $('.theme-login').click(function(){
    $('.theme-popover-mask').fadeIn(100);
    $('.theme-popover').slideDown(200);
  })
  $('.theme-poptit .close').click(function(){
var myVideo=$('#myVideo')[0];
      myVideo.pause();
    $('.theme-popover-mask').fadeOut(100);
    $('.theme-popover').slideUp(200);
        
  })

})
</script> 
</head>
<style >
  
    #left{
      margin: 0;
padding: 7px;
line-height: 1.5em;
        font-family: "Times New Roman", Times, serif;
font-size: 20px;
        color: #FFFFFF;
background: #000000 url(images/templatemo_body.jpg) top center no-repeat;
}
#TM {background:rgba(255, 255, 255, 0.6) none repeat scroll 0 0 !important;
/*实现FF背景透明，文字不透明*/filter:Alpha(opacity=50); background:#00DB00;
/*实现IE背景透明*/ padding-top:30px;}

body{
    background-image:url(/study_ydq/uploads/photo/19.jpg);
    background-attachment:fixed;
}
 
</style>
<body>

<br><br>

<center><div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="width: 1200px;height: 600px">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1" ></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner">
        <div class="item active">
            <img src="__ROOT__/uploads/photo/23.jpg" class="img-responsive" alt="image 1"  style="width: 1200px;height: 600px;">

            <div class="carousel-caption">
              
            </div>
        </div>
        <div class="item">
            <img src="__ROOT__/uploads/photo/21.jpg" class="img-responsive" alt="image 2"  style="width: 1200px;height: 600px;">

            <div class="carousel-caption">
               

            </div>
        </div>
        <div class="item">
            <img src="__ROOT__/uploads/photo/22.jpg" class="img-responsive" alt="image 3"  style="width: 1200px;height: 600px;">

            <div class="carousel-caption">
               
            </div>
        </div>
    </div>

    <!-- Controls -->
    <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right"></span>
    </a>
</div>
</center>
<!--幻灯片结束-->


<div class="row">
<div class="col-xs-13 col-md-8" >
          <h2 >最热社团</h2>
          <ul class="list-inline row text-center" id="TM" >

          <volist name="group_list" id="vo">

            <li class="col-xs-4  ">
              <img class="responsive img-thumbnail" src="__ROOT__/uploads/{$vo.ydq_logo}" style="width:160px;height:180px" /><p><a href="{:U('Show/group',array('id'=>$vo['ydq_id']))}">{$vo.ydq_groupname}</a></p>
            </li></volist>
       
         
          <p><a class="btn btn-default" href="{:U('List/listgroups')}" role="button">更多 &raquo;</a></p>
          
         <!-- /.col-xs-6.col-lg-4-->
          </ul>

                     <h2 >精品活动推荐</h2>
          <ul class="list-inline row text-center" id="TM">
          <volist name="practices_list" id="vo">

            <li class="col-xs-4 ">
            <h4>活动名称&nbsp;&nbsp;&nbsp;&nbsp;<a href="{:U('Show/practices',array('id'=>$vo['ydq_id']))}">{$vo.ydq_name}</a></h4><br>
              <h4>活动所需文件<a href="__ROOT__/uploads/{$vo.ydq_pfile}">{$vo.ydq_pfile}</a></h4></p><br>
            </li>
            </volist>
          <p><a class="btn btn-default" class="btn btn-primary" href="{:U('List/listpractices')}" role="button" >更多 &raquo;</a></p>

</ul></div>
 <div class="col-xs-5 col-md-1"></div>
  <div class="col-xs-5 col-md-2">
<div class="list-inline row text-center" >
                <h2  >新闻排行</h2>
            
            <ul class="list-inline row text-center" id="TM">
            <volist name="news_list" id="vo">

               <li class="col-xs-6 ">
            <img class="responsive img-thumbnail" src="__ROOT__/uploads/{$vo.ydq_pic}" style="width:158px;height:160px"/><p><a href="">{$vo.ydq_title}</a></p>
              
                 </li></volist>
             
              </ul>
  </div>
          